<template>
  <div class="flex gap-24 flex-wrap h-full p36 overflow-y-auto">
    <div class="flex_fdc_aic" v-for="item in list" :key="item" style="width: 200px">
      <SvgIcon
        :name="item"
        class="flex-shrink-0"
        color="red"
        :width="36"
        :height="36"
      ></SvgIcon>
      <div class="mt12">{{ item }}</div>
    </div>
  </div>
</template>
<script setup>
import { onMounted, ref } from "vue";
const list = [
  "icontupianrequ",
  "iconshenhetongguo1",
  "iconshenhejujue1",
  "icondingdanfahuo1",
  "iconlouceng-youjiantou",
  "iconshangpin-",
  "iconhuiyuanhuaxiang",
  "iconshangpinguanli-v3",
  "iconv3_yunying",
  "iconv3_tongjizhongxin",
  "iconv3_kefu",
  "iconv3_zhuangxiu",
  "iconv3_yingyongzhongxin",
  "iconv3_shangchengguanli",
  "iconv3_xitongshezhi",
  "iconv3_huiyuanzhongxin",
  "iconcube-line",
  "iconshangpinguanli1",
  "icontupian_huaban",
  "icondingdanfahuo",
  "icons_jifenshangcheng-shangpinguanli",
  "icons_cangkuzhongshangpin",
  "icons_dayinjishezhi",
  "icons_manNjianzhekou",
  "icons_dianpufenlei",
  "icons_jiesuanzhanghao",
  "icons_shangpinxinxibiangeng",
  "icons_dianpushezhi",
  "icons_daishenheshangpin",
  "icons_guanlianbanshi",
  "icons_PCzhuangxiu",
  "icons_dizhiguanli",
  "icons_jifenshangcheng-jiesuanguanli",
  "icons_jietituanhuodong",
  "icons_shoujizhuangxiu",
  "icons_yushouhuodong",
  "icons_tuishoudingdan",
  "icons_shipindaihuo",
  "icons_manjianhuodong",
  "icons_jiesuanzhangdan",
  "icons_sucaizhongxin",
  "icons_shangpinfenxi",
  "icons_shangpinliebiao",
  "icons_xiaoxishezhi",
  "icons_xiaoxiliebiao",
  "icons_pintuanhuodong",
  "icons_pinpaishenqing",
  "icons_jiaoyifenxi",
  "icons_manNyuanzhekou",
  "icons_shouhouguanli",
  "icons_dingdanliebiao",
  "icons_yingyongzhongxin",
  "icons_miaoshahuodong",
  "icons_jifenshangcheng-dingdanguanli",
  "icons_pingjiaguanli",
  "icons_zidingyishuxing",
  "icons_yonghufenxi",
  "icons_liuliangfenxi",
  "icons_jietimanjian",
  "icons_wuliuguanli",
  "icons_tuishoushangpin",
  "icons_shishifenxi",
  "icons_zhanghaoguanli",
  "icons_shangpindaoru",
  "icons_youhuiquan",
  "icons_pintuandingdan",
  "icons_gaikuang",
  "iconhuiyuanguanli",
  "iconPCzhuangxiu",
  "icondingdanguanli",
  "iconyingyongzhongxin",
  "iconsucaiguanli",
  "iconsanfangzhanghu",
  "iconduanshipin",
  "iconminganciguanli",
  "icondianpuguanli",
  "iconshangpinkuguanli",
  "iconwuliuguanli",
  "iconwenzhangguanli",
  "iconquanxianguanli",
  "iconxitong-shouye",
  "iconjibenpeizhi",
  "iconjifenshangcheng",
  "iconjiesuanguanli",
  "icontongzhiguanli",
  "iconshangpinguanli",
  "icontongjizhongxin1",
  "iconxieyiguanli",
  "iconshoujizhuangxiu",
  "iconjiapei",
  "iconding-dianpuguanli",
  "iconding-xitongpeizhi",
  "iconding-tongjizhongxin",
  "iconding-huiyuanzhongxin",
  "iconyunying1",
  "iconziyuan22",
  "iconziyuan3",
  "iconziyuan4",
  "iconziyuan8",
  "iconziyuan1",
  "iconziyuan71",
  "iconziyuan5",
  "iconziyuan6",
  "iconziyuan91",
  "iconziyuan111",
  "iconziyuan10",
  "iconziyuan13",
  "iconziyuan15",
  "iconziyuan17",
  "iconziyuan14",
  "iconziyuan121",
  "iconhebingfahuo",
  "iconpiliangfahuo1",
  "iconedit",
  "icontuijian",
  "iconpiliangshanchu",
  "iconziyuan25",
  "iconglsz",
  "iconnav-tuijian",
  "iconquxiaotuijian2",
  "iconcuowutishi",
  "iconziyuan113",
  "iconbianji2",
  "iconxuanzhongshangpin",
  "iconshanchushangpin",
  "icontishi3",
  "iconduoxuan_yixuanzhong",
  "iconduoxuan_weixuanzhong",
  "iconpiliangshengcheng",
  "iconpiliangdayin",
  "iconpiliangfahuo",
  "iconshanchu",
  "iconqingchu",
  "iconxuanzhong",
  "iconfanhui",
  "iconjia",
  "iconsousuo1",
  "iconshanchu2",
  "icontuihuanhuo",
  "iconyunying",
  "iconphone",
  "iconmove-up",
  "iconshanchu4",
  "iconxia1",
  "iconxitong1",
  "iconguanbi",
  "iconshuaxin1",
  "iconguanggao",
  "iconfenlei2",
  "iconwen",
  "iconshangchengguanli2",
  "iconshanchu5",
  "iconsousuo",
  "iconmove-up1",
  "iconadd-sy",
  "iconyixuan",
  "iconziyuan43",
  "iconziyuan21",
  "iconziyuan16",
  "iconguanbi3",
  "iconbofang11",
  "icontupian1",
  "iconshoppingCart",
  "iconkejian",
  "iconbukejian11",
  "icongouwuche",
  "iconjinzhi",
  "iconxinzeng",
  "iconpiliangxiajia",
  "iconziyuan23",
  "iconiconbiaoji",
  "iconziyuan24",
  "iconjiahao",
  "icongouwuche1",
  "iconziyuan18",
  "iconxinzeng1",
  "iconziyuan31",
  "iconziyuan52",
  "iconziyuan57",
  "iconziyuan58",
  "iconziyuan110",
  "icongengduo",
  "iconshanchu3",
  "iconshenhejujue",
  "iconshenhetongguo",
  "iconfabu1",
  "iconziyuan114",
  "icondaoru",
  "iconshanchu7",
  "iconshangsheng",
  "iconxiajiang",
  "iconrili",
  "iconxuanzhong1",
  "icontongjizhongxin",
  "iconhuiyuanzhongxin",
  "iconguanbisuoyou",
  "icongengduo2",
  "iconshangjiantou",
  "iconxiajiantou1",
  "iconxuanzhong3",
  "iconkefu1",
  "iconweizhi-kebianse",
  "iconkefu2",
  "iconhuo",
  "iconpintuan",
  "iconnaozhong",
  "iconPC-sousuo-kebianse",
  "iconPC-gouwuche-kebianse",
  "iconPC-shoucang-kebianse",
  "iconPC-fenxiang-kebianse",
  "iconPC-biankuangxuanzhong-kebianse",
  "icontuishou-shouye-xuanzhong",
  "iconxuanzhong21",
  "icongouwuchetianjia",
  "iconyouhuiquanjuchi",
  "iconmiaosha_jinrimiaosha-1",
  "iconmiaosha_jinrimiaosha21",
];
// const svgRef = ref();
// onMounted(()=>{
//     const c = svgRef.value.children
//     console.log(c);
//     const arr = []
//     for (let index = 0; index < c.length; index++) {
//         const el = c[index];
//         arr.push(el.id)
//     }

//     console.log(arr);
// })
// const list = [
//     "icontupianrequ",
//     "iconshenhetongguo1",
//     "iconshenhejujue1",
//     "icondingdanfahuo1",

// ];
</script>
